<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>my_routes</title>
		<meta name="description" content="" />
		<meta name="author" content="mODY" />
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />
		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		<script type="text/javascript" src="js/libs/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.min.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.easing-1.3.pack.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.mousewheel-3.0.4.pack.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.fancybox-1.3.4.js"></script>
		<!--CSS -->
		<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		<!-- JavaScripts --->
		<script src="js/ratingPlugin/jquery.js"></script>
		<script src="js/ratingPlugin/jquery.MetaData.js"></script>
		<script src="js/ratingPlugin/jquery.rating.js"></script>
		<script src="js/ratingPlugin/jquery.rating.pack.js"></script>
		<script src="js/ratingPlugin/documentation.js"></script>
		<!-- CSS -->
		<link rel="stylesheet" href="css/ratingPlugin/jquery.rating.css" />
	</head>
	<body>
		<div  style="border: #DDDDDD; padding: 20px; background: #E5E5E5; border-radius: 22px;">
		<table border="0" width="100%" summary="">
			<tr>
				<td align="left" valign="center">
					<font size="3"> <b>My Routes</b> </font>
				</td>
				<td align="right" valign="center">
					<button id="add" type="button">Add new Route</button>
				</td>
			</tr>
		</table>
		
		<hr />
			<div id="articles">
			<table cellpadding="10" width="100%" summary="">
					<tr onmouseover="this.style.cursor='pointer'">
					<td id="1"><font size="2"><b>
						<a href="#divframe" id="route1">
						Route 1
						</a>
					</b></font></td>
					<td></td><td></td>
					<td valign="top">
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled" checked="checked"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
					</td>
				</tr>
				
				
				<tr onmouseover="this.style.cursor='pointer'">
					<td id="2"><font size="2"><b>
						<a href="#divframe" id="route2">
						Route 2
						</a>
					</b></font></td>
					<td></td><td></td>
					<td valign="top">
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled" checked="checked"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
					</td>
				</tr>
				
				<tr onmouseover="this.style.cursor='pointer'">
					<td id="3"><font size="2"><b>
						<a href="#divframe" id="route3">
						Route 3
						</a>
					</b></font></td>
					<td></td><td></td>
					<td valign="top">
						<input align="right" name="star3" type="radio" class="star" disabled="disabled" checked="checked"/>
						<input align="right" name="star3" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star3" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star3" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star3" type="radio" class="star" disabled="disabled"/>
					</td>
				</tr>
				</table>
			</div>
			<footer></footer>
		</div>
		<script>
			$(document).ready(function() {
			        $("#add").click(function(){
					window.parent.$.fancybox({                                                        
				                'height' : '100%',
				                'width' : '50%',
				                'modal' : false,
				                'showCloseButton' : true,
				                'href' : 'routeAddition.html',
				                'type' : 'iframe'
				        });		
				});
		        $("#route1").click(function(){
				window.parent.$.fancybox({                                                        
			                'height' : '200%',
				        'width' : '200%',
				        'modal' : false,
				        'showCloseButton' : true,
				        'href' : 'routeDetails.html',
				        'type' : 'iframe'
			        });		
				});
				$("#route2").click(function(){
				window.parent.$.fancybox({                                                        
			                'height' : '200%',
				        'width' : '200%',
				        'modal' : false,
				        'showCloseButton' : true,
				        'href' : 'routeDetails.html',
				        'type' : 'iframe'
			        });		
				});
				$("#route3").click(function(){
				window.parent.$.fancybox({                                                        
			                'height' : '200%',
				        'width' : '200%',
				        'modal' : false,
				        'showCloseButton' : true,
				        'href' : 'routeDetails.html',
				        'type' : 'iframe'
			        });		
				});
			});

		</script>
	</div>
	</body>
</html>
